<template>
  <div>
    <el-card class="box-card" shadow="always" :body-style="{ padding: '0' }">
      <audit-price-header-form
        :querying="querying"
        :topChannelList="topChannelList"
        :cellularList="cellularList"
        @onQuery="queryList"
      ></audit-price-header-form>
    </el-card>
    <el-card class="box-card" shadow="always" :body-style="{ padding: '10px 20px' }">
      <audit-price-list-table
        v-bind="list"
        @pageSizeChange="pageSizeChange"
        @pageNumChange="pageNumChange"
        @onOpenEditModal="onOpenEditModal"
        @onKeyAuditGoods="onKeyAuditGoods"
      ></audit-price-list-table>
    </el-card>
    <!-- 详情 -->
    <audit-price-edit-modal
      ref="editModal"
      :visible="visible"
      :taskValueString="formValue"
      width="40%"
      @close="onClose"
      @onOpenImportModal="onOpenImportModal"
    ></audit-price-edit-modal>
    <!--  导入对话框  -->
    <audit-price-import-modal :visible="importVisible" @close="onCloseImport" :topChannelList="topChannelList"></audit-price-import-modal>
  </div>
</template>

<style lang="scss" module>
@import './index.module.scss';
</style>

<script>
import Index from './index.js';
export default Index;
</script>
